<!-- Facebook Canvas -->

<%= javascript_include_tag "facebooker","append" %>
<%= stylesheet_link_tag "base","lister","box" %>
<style type="text/css">

.sportDivHidden
{display: none;}

.tutorial-background-top{
background: transparent url(<%= facebook_image_url 'TopBG.png' %>) no-repeat;
height: 98px;
}

.tutorial-background-bottom{
background: transparent url(<%= facebook_image_url 'BottomBG.png' %>) no-repeat;
padding: 20px;
height: 59px;
}

.tutorial-background-med{
background: #2f2f2f;
padding: 0 20px 0 20px;
}

.sportDivShow
{display: block;}

ul {
  padding:0px;
  margin:0px;
}

.team-hover {
  background-color:#C6C6C6;
}

.team-selected {
  background-color:#ffa;
}

.sport-hover {
  background-color: #fff;
  border:4px solid #19cb32;
}

.sport-selected {
  background-color:#ffa;
}
.bet-selected {
  background-color:#E0FFA2;  
}
.place-bets {
  display:block;
  padding:13px 0 0;
  color:white;
  font-weight:bold;
  margin:0;
  text-align:center;
  height: 32px;
  border: 2px solid #226F14;
  background: transparent url(<%= facebook_image_url "green_header.gif" %>) repeat-x scroll 0% 0%;  
}

.place-bets-hover {
  display:block;
  padding:13px 0 0;
  color:white;
  font-weight:bold;
  margin:0;
  text-align:center;
  height: 32px;
  border: 2px solid #226F14;
  background: transparent url(<%= facebook_image_url "green_header_hover.gif" %>) repeat-x scroll 0% 0%;  
}

.reset-bets {
  display:block;
  padding:5px 0 0 0;
  margin:7px 0px 20px 0;
  text-align:center;
  color:white;
  height: 19px;
  border: 2px solid #FF8F35;
  background: transparent url(<%= facebook_image_url "orange_header.gif" %>) repeat-x scroll 0% 0%; 
}

.reset-bets-hover {
  display:block;
  padding:5px 0 0 0;
  margin:7px 0px 20px 0;
  text-align:center;
  color:white;
  height: 19px;
  border: 2px solid #FF8F35;
  background: transparent url(<%= facebook_image_url "orange_header_hover.gif" %>) repeat-x scroll 0% 0%; 
}

table.lister table.no-lister td {
  border:0px;
  padding:0px;
  margin:0px;
}
table.lister thead tr th,
table.lister thead tr th {
  background: transparent url(<%= facebook_image_url "apple_header_3.gif" %>) repeat-x scroll 0% 0%;
}

.lister thead td {
  background: transparent url(<%= facebook_image_url "apple_header_2.gif" %>) repeat-x scroll 0% 0%;
  color:#4D4D4D;
  font-size:10px;
}
.center {
  text-align: center;
}
a.comments, a:hover.comments {
 	text-decoration:none;
}
a.comments span.show_span {
	background: url(<%= facebook_image_url '1rightarrow.png' %>)  0% 40% no-repeat;
	width:16px;
	height:40px;
	line-height:2em;
	color:#000;
	font-weight:bold;
	
} 

a.comments span.hide_span {
	background: url(<%= facebook_image_url '1downarrow.png' %>)  0% 40% no-repeat;
	width:16px;
	line-height:2em;
} 
.expander-small{
	padding-top: 5px;
	padding-bottom:5px;
}
.bottom_border{
	
	border-bottom:1px solid #D8DFEA;
	height:2px;
	padding:0px;
	margin:0px;
}

a.feedtitle{
	font-size:14pt
}

.lh{
	text-align:left;
	vertical-align:top;
	padding-top:0px;
	margin-top:0px
}
a.feedtitle{
	font-weight:bold;
	font-size:14px;
}
.team_item{
	border:1px solid #e3dede;
	float:left;
	padding:5px;
	width:160px;
	overflow:auto;
	margin-left: 60px;
	margin-right: 30px;
	color:#3B5888;
	cursor:pointer;
}
.next_section{
	text-align:right;
	margin:5px;
	cursor:pointer;
	float:right;
	color:#3B5888;
}
.menu_arrow{	
	font-weight:bold;
	cursor:pointer;
	color:#000;
	padding-left:4px; 
}
.cont{
	overflow:hidden;
}
</style>

<table width=100% cellpadding="0" cellspacing="0">
	<tr><td>
		<p></p>
		<%= yield :top %>
		<%= yield %>
		<%= yield :side %>
		<p></p>
	</td></tr>
</table>


